<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
  <meta charset="UTF-8">
    <link rel="stylesheet" type="text/css" href="resources/styles/draganddrop.css">
    <link rel="stylesheet" type="text/css" href="resources/styles/jquery/cupertino/jquery-ui-1.8.1.custom.css">
    <link rel="stylesheet" href="./style.css">
    <link rel="stylesheet" href="./modern.css">
    
    <script src="http://www.google.com/jsapi?key=ABQIAAAADYbHHQrNWPElNtE4hn2g1hQhn5tTlmnhbGVHENfXgw8ik0kvARSWpfuAdtdt1KqinQpUokxB7SpcsQ"
        type="text/javascript"></script>
    
    <script type="text/javascript">
      google.load("jquery", "1");
      google.load("jqueryui", "1");
    </script>
    <script type="text/javascript" src="resources/scripts/draganddrop.js"></script>
  </head>

  <body>
    <header>
      <div id="imglogo"></div>
      <div id="titrelogo">IOBH</div>
    </header>
    <div id="dropbox"><span id="droplabel">Deposer votre fichier ici</span>
    <div id="progressbar"></div>
    </div>

    <div id = "previsu">
      <br/>
      <img id="preview" src="" alt="[ preview will display here ]"/>
    </div>
    <footer>
      © 2012 Honoré & Giovanetti.
    </footer>  
</body>
</html>